<template>
  <el-dialog
    append-to-body
    top="30px"
    width="1000px"
    title="客户档案"
    :close-on-click-modal="false"
    :before-close="beforeClose"
    :visible.sync="visible"
  >
    <customer-file-detail :data="customerData"></customer-file-detail>
    <customer-file-tab :data="customerData" class="mt-3"></customer-file-tab>
  </el-dialog>
</template>

<script>
import CustomerFileDetail from '@/credit/views/city/customer/CustomerFileDetail'
import CustomerFileTab from '@/credit/views/city/customer/CustomerFileTab'
export default {
  components: {
    CustomerFileDetail,
    CustomerFileTab,
  },
  props: {
    visible: Boolean,
    customerData: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {}
  },

  created() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped></style>
